<link rel="stylesheet" href="./myui.css">

<div id="root">
    <h1>用户创建</h1>
    <h2>表单组件</h2>
    <my-table @submit='formSubmitFn'></my-table>

    <hr>   
    <h2>导航栏组件</h2>
    <my-nav-bar @click-left='leftClickFn' @click-right='rightClickFn' :title='title'>下一页</my-nav-bar>
</div>



<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script src="./myui.js"></script>
<script>
const vm = new Vue({
    el: "#root",
    data: {
        title:'用户创建'
    },
    methods:{
        formSubmitFn(formdata){
            console.log(formdata);
        },
        leftClickFn(){
            alert('你点击左边拉')
        },
        rightClickFn(){
            alert('你点击right啦')
        }
    }
})
</script>